<template>
  <div class="news">
    <slot name="demo" a="1" b="2" c="3" :newsList="newsList"></slot>
  </div>
</template>

<script>
  export default {
    name:'News',
    data() {
      return {
        newsList:[
          {id:'ytfdtrasfdtr1',title:'《震惊！某男明星塌房》',isHot:true},
          {id:'ytfdtrasfdtr2',title:'《毛不易，又来北京啦》',isHot:false},
          {id:'ytfdtrasfdtr3',title:'《北京持续高温预警》',isHot:false}
        ]
      }
    },
  }
</script>

<style scoped>
  .news {
    background-color: skyblue;
    padding: 10px;
    width: 240px;
    height: 300px;
    border-radius: 10px;
    box-shadow: 0 0 10px;
  }
</style>